<%@include file="head.jsp"%>

<html>
	<body>
		
		<div id="content">
			<script> 
				$(function() {
					$(".tabs").tabs(".panes > div");
					$('#mytabs').tabs();
				});
			</script>
			<style>
				div.panes div { margin-top:10px;display:none;height:80px;width:700px;font-size:18px; }
				div.panes img { float:right;margin-left:20px; }
			</style>
			
			
			<ul class="tabs" style="position:relative;top:-46px;margin-top:0px">
				<li><a href="#">First tab</a></li>
				<li><a href="#">Second tab</a></li>
				<li><a href="#">Third tab</a></li>
			</ul>
			<br clear="all" />
			<div class="panes" style="height:30px;position:relative;top:-40px">
				<div> TAB1 pane  <img src="../../img/title/screens.png" /></div>
				<div> TAB2 pane  <img src="../../tools/img/logo-medium.png" style="position:relative;top:-75px;margin-bottom:-80px" /></div>
				<div>TAB3 pane </div>
			</div>
		</div>
			
			
			
			
			
		<div id="right">
			<style> 
				h3.cat {background:url(http://static.flowplayer.org/tools/img/jqt_sprite_small.jpg) no-repeat 0 0;padding:4px 0 5px 30px;}
				#cat-Form {background-position:0 -25px;	}
				#cat-Toolbox {background-position:0 -50px;	}
			</style>
			<script>$("#jqt4").addClass("active");</script>
			
			<div id="rightnav">
				<h3 class="cat" id="cat-UI"> UI tools </h3>
				<a class="t" href="/tools/tabs/index.html">Tabs</a>
				<a class="t plugin" href="/tools/tabs/slideshow.html">Slideshow plugin</a>
				<a class="t" href="/tools/tooltip/index.html">Tooltip</a>
				<a class="t plugin" href="/tools/tooltip/slide.html">Slide effect</a>
				<a class="t plugin" href="/tools/tooltip/dynamic.html">Dynamic plugin</a>
			</div>
			<script> 
				$("#right a[href=/tools/tabs/index.html]").addClass("active"); 
			</script>
		</div>
			
			
			
		
		<div class="clear"></div>
		
		<div id="footer">
			<div id="twitter">
				<a id="follow" href="http://twitter.com/jquerytools"
					title="Follow jQuery Tools on Twitter"><br>
				</a>
			</div>
			<br clear="all" />
			
			<div id="footerlinks">
				<%@include file="foot.jsp"%>
			</div>
		</div>
			
			
			
	</body>
</html>


